#footer
    padding: 20px 0
    max-width: 1620px
    margin: 0 auto
    border-top: 1px solid color-border
    color: color-default
    font-size: font-size + 2
    text-align: center
    .outer
        margin-bottom: 0
    >a
        color: color-link
        text-decoration: none
        &:hover
            text-decoration: underline
    >ul
        overflow: hidden
        max-width: 1620px
        margin: 0 auto 15px
        padding: 0 20px
        h3
            text-align: left
            margin-bottom: 10px
        span
            font-size: 14px
            font-weight: 400
            margin-right: 10px
            display: inline-block
        .footer-left
            color: #828281;
            text-align :left
            float: left
            width: 30%
            a
                color: #828281
                font-size: 14px
                font-weight: 400
        .footer-center
            text-align: left
            float: left
            width: 30%
        .footer-right
            float: left
            width: 40%
            >ul
              overflow hidden
              li
                  display :inline-block
                  p
                      font-size :14px
                      text-align: left
                      margin-bottom: 10px
                  img
                      max-width :128px
                      max-height:128px
               li:first-of-type
                   float left
               li:last-of-type
                   float right



#footer-info
    line-height: line-height
    font-size: 0.85em

/* 响应式代码 */
@media screen and (min-width: 1200px)
    #footer
        >ul
           width: 58.666666666666664%
@media screen and (min-width: 801px)
     #footer
        .footer-right
            >ul
                min-width: 286px
                float: right
@media screen and (max-width 800px)
  #footer
      padding: 5px 0
      >ul
          >li
              border-bottom: 1px solid #eceff2;
           .footer-left
               padding-bottom: 20px
               float none
               width:100%
               text-align left
               margin-bottom: 5px
           .footer-center
               padding-bottom: 20px
               float none
               width 100%
               text-align left
               margin-bottom: 5px
           .footer-right
               float none
               width 100%
               text-align left
               margin-bottom: 5px
               >ul
                   text-align: center
                   li
                      float none!important
           h3
               text-align center
@media screen and (max-width 300px)
  #footer
     >ul
          .footer-right
              >ul
                  li:first-of-type
                       margin-right :0

